<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>课程添加</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../../css/public.css" media="all" />
</head>
<body class="childrenBody">
<form class="layui-form" style="width:50%;">
	<input class="layui-hide" id="id" value="">
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">年级</label>
		<div class="layui-input-block">
			<select name="grade" class="grade" lay-filter="change" lay-verify="required">
				<option value="">请选择年级</option>
				<option value="12">12</option>
				<option value="13">13</option>
				<option value="14">14</option>
				<option value="15">15</option>
				<option value="16">16</option>
				<option value="17">17</option>
				<option value="18">18</option>
				<option value="19">19</option>
				<option value="20">20</option>
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">学院</label>
		<div class="layui-input-block">
			<select name="academy" class="academy" lay-filter="change" lay-verify="required">
				<option value="">请选择学院</option>
				<option value="计算机科学与技术学院">计算机科学与技术学院</option>
				<option value="信息工程学院">信息工程学院</option>
				<option value="外国语学院">外国语学院</option>
				<option value="环境与资源学院">环境与资源学院</option>
				<option value="计算机">计算机</option>
				<option value="材料科学与工程学院">材料科学与工程学院</option>
				<option value="制造科学与工程学院">制造科学与工程学院</option>
				<option value="土木工程与建筑学院">土木工程与建筑学院</option>
				<option value="生命科学与工程学院/农学院">生命科学与工程学院/农学院</option>
				<option value="国防科技学院">国防科技学院</option>
				<option value="理学院">理学院</option>
				<option value="经济管理学院">经济管理学院</option>
				<option value="法学院">法学院</option>
				<option value="文学与艺术学院">文学与艺术学院</option>
				<option value="马克思主义学院">马克思主义学院</option>
				<option value="体育学科部">体育学科部</option>
				<option value="应用技术学院">应用技术学院</option>
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">专业</label>
		<div class="layui-input-block">
			<input type="text" class="layui-input major" lay-verify="required" placeholder="请输入专业名称">
		</div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">班级号</label>
		<div class="layui-input-block">
			<select name="num" class="num" lay-filter="change" lay-verify="required">
				<option value="">请选择年级班级号</option>
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
				<option value="8">8</option>
				<option value="9">9</option>
			</select>
		</div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<label class="layui-form-label">班级全称</label>
		<div class="layui-input-block">
			<input type="text" disabled class="layui-input layui-disabled" id="name" value="请完成相应选项！">
		</div>
	</div>
	<div class="layui-form-item layui-row layui-col-xs12">
		<div class="layui-input-block">
			<button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="addclass">立即添加</button>
			<button type="reset" class="layui-btn layui-btn-sm layui-btn-primary">重置</button>
		</div>
	</div>
</form>
<script type="text/javascript" src="../../layui/layui.js"></script>
<script type="text/javascript">
layui.use(['form','layer'],function(){
    var form = layui.form
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery;
    
    form.on("submit(addclass)",function(data){
        //弹出loading
        var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
        
        // 实际使用时的提交信息
        $.ajax({
  		  url: 'submit',
  		  data: {
              id: $("#id").val(),
         	  grade : data.field.grade,
              major : $(".major").val(),
              num : data.field.num,
              academy: data.field.academy,
              name: $("#name").val()
          },
  		  dataType: 'json',
  		  type: 'post',
  		  success: function(ret){
  			  if(ret.state=="ok"){
         		 top.layer.msg("班级添加成功！");
                 layer.closeAll("iframe");
                 //刷新父页面
                 parent.location.reload();
  			  } else {
  				  top.layer.msg("班级添加失败！");
  			  }
  		  },
  	  	  error: function(){
  	  		top.layer.msg("班级添加失败！");
  			  }
  	  });
        return false;
    });
    
    form.on("select(change)",function(data){
        var grade = $(".grade").val();
        var academy = $(".academy").val();
        var major = $(".major").val();
        var num = $(".num").val();
        var text = grade+academy+major+"（"+num+"）"+"班";
        document.getElementById("name").value = text;        
    });

    $(".major").on('input propertychange',function(){
        var grade = $(".grade").val();
        var academy = $(".academy").val();
        var major = $(".major").val();
        var num = $(".num").val();
        var text = grade+academy+major+"（"+num+"）"+"班";
        document.getElementById("name").value = text; 
    });
    
});
</script>
</body>
</html>